<%@page contentType="text/html;charset=UTF-8"%>
<%@include file="../common.jsp"%>
<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Project Infor</title>
	<link href="${ctx}/resources/css/project/project.css" rel="stylesheet">
	<link href="${ctx}/resources/font-awesome/css/font-awesome.min.css" rel="stylesheet">
	<link href="${ctx}/resources/css/bootstrap/bootstrap.min.css" rel="stylesheet">
	<script type="text/javascript" src="${ctx}/resources/js/highcharts/jquery-1.8.2.min.js"></script>
	<style type="text/css">
		${demo.css}
		.col-sm-3{
			width : 33%;
		}

	</style>
</head>
<body>
<ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root">
    <li class="ant-menu-item-selected ant-menu-item"><span>用户列表</span><a href="${ctx}/user/edit"><i class="fa fa-plus fa-fw"></i></a></li>
</ul>
<div class="table-responsive" style="overflow-x: hidden;">
	<table class="table table-striped table-hover">
		<thead>
			<tr>
			<th>#</th>
			<th>UserName</th>
			<th>NikeName</th>
			<th>Email</th>
			<th>Create at</th>
			<th>LastLg</th>
			<th>Opt</th>
			</tr>
		</thead>
		<tbody>
			<c:forEach items="${users}" var="user" varStatus="userStatus">
				<tr class="alert alert-success build">
					<td class="status">	${userStatus.index + 1}	</td>
					<td class="build-link">	<a href="${ctx}/user/edit?id=${user.id}"><strong>${user.userName}</strong>	</a></td>
					<td class="duration">	${user.nikeName}	</td>
					<td class="duration">	${user.email}	</td>
					<td class="timestamp">	<span><fmt:formatDate value="${user.createAt}" type="both" pattern="yyyy-MM-dd HH:mm:ss"/></span></td>
					<td class="timestamp">	<span><fmt:formatDate value="${user.updateAt}" type="both" pattern="yyyy-MM-dd HH:mm:ss"/></span></td>
					<td class="status">
						<a href="${ctx}/user/edit?id=${user.id}">edit</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="${ctx}/user/edit?id=${user.id}">del</a>
					</td>
				</tr>
			</c:forEach>
		</tbody>
	</table>
</div>

</body>
</html>
